<!DOCTYPE html>
<html>
<head>
    <title>SelectMenu多功能菜单</title>
    <meta charset="UTF-8">
    <meta name="msvalidate.01" content="81AF31CB5B533E7F37C4145C0CDBC489" />
    <link rel="stylesheet" href="../lib/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../lib/font-awesome-4/css/font-awesome.min.css" />

    <link rel="stylesheet" href="../lib/selectmenu/selectmenu.css" type="text/css">

    <link rel="stylesheet" href="../css/selectmenu/header.css" />
    <link rel="stylesheet" href="../css/selectmenu/index.css" />

</head>

<body>

<div class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-5 pluginImg">
                <img alt="SelectMenu" src="../image/SelectMenuGroup.png">
            </div>
            <div class="col-md-7">
                <div class="jumbotron">
                    <h1>简洁、易用、多样的菜单解决方案</h1>
                    <p>
                        插件中使用的图标来自于 <a href="http://www.iconfont.cn" target="_blank">IconFont</a> 图标库<br>
                        <iframe src="https://ghbtns.com/github-btn.html?user=TerryZ&repo=SelectMenu&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                        <iframe src="https://ghbtns.com/github-btn.html?user=TerryZ&repo=SelectMenu&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                    </p>
                    <p>最新版本：<strong>v<span id="versionNum"></span></strong></p>
                    <p>
                        <a class="btn btn-primary" href="https://github.com/TerryZ/SelectMenu" role="button">下载插件</a>
                        <a class="btn btn-default" href="https://github.com/TerryZ/SelectMenu/issues/new" role="button" target="_blank">留言/反馈</a>
                        <a class="btn btn-default" href="https://github.com/TerryZ/SelectMenu" target="_blank" role="button"><i class="fa fa-star"></i> 给项目加个Star，支持项目</a>
                    </p>
                </div>
            </div>
        </div>

        <div class="row" style="margin-top: 50px;">
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-plug"></i> jQuery插件</h3>
                <p class="desc">SelectMenu 插件基于jQuery 1.x 功能库进行开发</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-desktop"></i> 界面简洁</h3>
                <p class="desc">插件界面简洁，不需要修改样式即可方便地在各种UI中使用</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-database"></i> 动态数据</h3>
                <p class="desc">数据源除使用固定格式的Json数据之外，也可使用动态获取的方式，对菜单的项目进行动态设置</p>
            </div>
        </div>

        <div class="row" style="">
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-bars"></i> 常规菜单</h3>
                <p class="desc">常规的菜单展现形式，展示菜单项目，可使用链接跳转或回调处理的执行结果</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-cogs"></i> 高级菜单</h3>
                <p class="desc">高级菜单模式中，菜单支持快速搜索、可多分组展示数据（Tabs）、可设置菜单显示高度等</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-sliders"></i> 高可定制</h3>
                <p class="desc">SelectMenu 提供了大量可配置参数，让菜单灵活的适用于各种使用场景</p>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-tags"></i> 多项选择</h3>
                <p class="desc">在高级模式中，菜单的项目可允许多个项目被选中</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-keyboard-o"></i> 键盘操作</h3>
                <p class="desc">菜单项目的选择，可使用键盘操作进行导航、选择等操作，提高操作效率</p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-fw fa-language"></i> 国际化</h3>
                <p class="desc">支持国际化多语言切换，在国际化的项目中可快速应用</p>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript" src="../lib/jquery.min.js" ></script>
<script type="text/javascript" src="../lib/countUp/countUp.min.js" ></script>
<script type="text/javascript" src="../lib/selectmenu/selectmenu.min.js" ></script>
<script type="text/javascript" src="../js/selectmenu/common.js" ></script>
<script type="text/javascript" src="../js/common.js" ></script>
<script type="text/javascript" >
$(function(){
    var version = new CountUp('versionNum',0.1,1.0,1,3.5,{
        useEasing: true,
        useGrouping: true,
        separator: ',',
        decimal: '.'
    });
    version.start();
});
</script>
</body>
</html>